<template>
  <div class="home-header">
    <city-selector></city-selector>
    <false-input></false-input>
  </div>
</template>

<script>
  import CitySelector from './Sub/CitySelector.vue';
  import FlaseInput from './Sub/FlaseInput.vue';

  export default {
    name: 'HomeHeader',
    components: {
      'city-selector': CitySelector,
      'false-input': FlaseInput
    }
  }
</script>

<style lang="scss" scoped>
  @import '~styles/mixins.scss';
  @import '~styles/variables.scss';

  .home-header {
    @include flex-row;
    height: $headerHeight;
    background-color: $defaultBgColor;
  }
</style>
